
body{
	background-color: #00152a;
	background-position:0 22%;
	background-image: url(../img/bg.png);
	
}
.container{
	
	
	/* background-position:0 22%; */
	/* background-size:cover ; */
	/* z-index: 3; */
}

/*这是头部*/
header{
	width: 100%;
	height: 5.3333333rem;
}
header .navigation{
	position: absolute;
	width: 100%;
	z-index: 2;
}
header .navigation a {
	margin-top: .93rem;

} 
header .navigation a img{
	
	height: .6rem;
}
header .navigation a img:first-child{
	margin-left: .4rem;
}
header .navigation .share{
	padding-right:.4rem;
}
header .navigation .Refresh{
	padding-right:.2rem;
}


.swiper-container {
    width: 100%;
    height: 8.3333333rem;
}
.swiper-container img{
	width: 100%;
	/* height: 100%; */
}
:root {
    --swiper-theme-color: #fff;
}
.swiper-pagination{
	text-align: right;
}


/*这是中间区块*/
section{
	margin:4.88rem 0 0 0.23335rem;
	padding-top:.5333333333333333rem;
	width: 9.533333333333333rem;
	color:#fff;
	/* background-color: #101010; */
	/* height: 1500px; */
	background-image: url(../img/Bottombox.png);
	background-size:  100% 100%;
	
	
}
section .navigation{
	width: 100%;
	display: flex;
}
section .navigation a{
	display: flex;
	flex-grow: 1;
}
.arms{
	/* width: 1.28rem; */
	height:.5333333333333333rem;
	font-size:.3333333333333333rem;
}

footer{
	position: absolute;
	top:7.69333rem;
	width: 100%;
	color:#fff;
	z-index: 1;
	/* background-color: #1D1D1F; */

}
footer ul{
	display: flex;
	/* width: 100%;*/
	margin: 0 auto;
	width: 9.3333rem;
	height: 100%;
	height: 2.22666rem;
	background-image: url(../img/pic_bg2x.png);
	background-size: cover;
}
footer ul li,footer ul li a{
	flex:1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	font-size:.37rem;
	letter-spacing: 0.053333rem;
	color:#fff;
}
footer ul li:first-child{
	flex-grow: 2;
}
footer ul li img:first-child{
	padding-left: 0.2rem;
	width:80%;
}
footer ul li:nth-child(2){
	padding-right: -0.85rem;
}
footer ul li:last-child{
	padding-right: .35rem;
}
footer ul li a .shoppingCartNum{
	    position: absolute;
		background-color: #fc683d;
		/* width: 100%; */
		height: .3733333333333333rem;
		border-radius: .3733333333333333rem;
		top: .5266666666666667rem;
		right: .8rem;
		font-size: 0.32rem;
		line-height: .3733333333333333rem;
		text-align: center;
		display: block;
		transform:rotate(350deg);
}



.foo2{
	height: 1.76rem;
}

.foot1{
	padding: .7866666666666667rem .3rem 0.6666666666666667rem .3rem;
	
	width: 100%;
	box-sizing: border-box;
	color:#fff;
	/* background-color: #1D1D1F; */
}
.foot1 ul{
	display: flex;
	width: 100%;
	height: 100%;
}
.foot1 ul li,footer ul li a{
	flex:1;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: space-around;*/
	justify-content: center;
	font-size:.37rem;
	letter-spacing: 0.053333rem;
	color:#fff;
}
.foot1 ul li span {
	font-size:0.3333333333333333rem ;
	    color: #77b9d6;
}
.foot1 ul li img{
	width:2.04rem;
	height:0.8rem;
}
a select{
	width:1.266666666666667rem ;
	height:0.5333333333333333rem ;
	border: .0266666666666667rem solid white;
	background-color: #9bb5df;
}
.foot1 ul .active{
	/* background-color: yellow; */
	/* background-image: url(../img/5.png); */
	color: #f9bf35;
}


.wuqi{
	padding: 0.4rem;
	font-size:.185rem;
	color: white;
}
.wuqi ul li{
	/* padding-right: 0.8rem; */
	/* padding-right: 8px; */
	padding-bottom: .8rem;
	height: .3733333333333333rem;
	line-height: .3733333333333333rem;
	margin-right: .4233333333333333rem;
	display: inline-block;
	/* word-wrap: wrap; */
	
}

.wuqi ul li a span{
	display: inline-block;
	color: #9bb5df;
	
	text-indent:0.3666666666666667rem;
	
}
.wuqi ul .active span{
	color: #ebc549;
}

.wuqi ul .active a::before{
	content: "";
	position: absolute;
	width: .3733333333333333rem;
	height: .3733333333333333rem;
	display: inline-block;
	background-image: url(../img/44.png) ;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.wuqi ul .active span:after{
	content: "";
	position: absolute;
	width: .5733333333333333rem;
	height: .3733333333333333rem;
	display: inline-block;
	background-image: url(../img/33.png) ;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 5px -1px;
	vertical-align: middle;
}

.wuqi ul ul{
	/* padding: 0 1.253333333333333rem 0 .9333333333333333rem; */
	/* padding-left: .906666666666667rem; */
	float: right;
	display: inline-block;
	height: .6666666666666667rem;
}
.wuqi ul ul li{
margin-right: 0;
/* padding-left:0.166666666666667rem; */
}

section{
	/* padding:0 0.4rem; */
	/* margin:0 0.4rem 0 0.4rem; */
}
.Arms-container ul{
	padding: 0 .2666666666666667rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Arms-container ul li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 4.133333rem;
	height: auto;
	padding:0.533333rem 0.133333rem;
	/* margin-top:0.4rem; */
	/* background-color: #1D1D1F; */
	/* border-radius: 0.32rem; */
}
.Arms-container ul li .img{
/* 	width: 3.706666rem;
	height: 4.213333rem; */
	position: relative;
	width: 4.186666666666667rem;
	height:2.4rem;
	/* border-radius: 0.32rem; */
	background-image: url(../img/scafl.png);
	background-size: cover;
}
.Arms-container ul li h3,.Arms-container ul li p{
	margin-top: 0.266666rem;
	padding-left:0.533333rem;
	display: inline-block
	text-align: center;
	/* background-image: url(../img/6.png); */
}
.Arms-container ul li h3{
	width: 100%;
	font-size:0.48rem;
	color:#fff;
}

.Arms-container ul li p{
	width: 3.466666666666667rem;
	position: absolute;
	left: 50%;
	 transform: translate(-50%); 
	bottom: 0.0666666666666667rem;
	line-height: 0.5333333333333333rem;
	background-image: url(../img/6.png);
	text-align: center;
	font-size: 0.32rem;
	color:#FFFFFF;
}




.select{
    width: 100%;
     border: none;
     background: #f1f6fa;
     color: #666;
     /* height: 40px;*/
	 height: 1.066666666666667rem;
     appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
     background: url("/img/arrows1.png") no-repeat scroll right center transparent;
     padding-right: 0.3733333333333333rem;
}
